<template>
  <div>
    <Input></Input>
    <c-input v-model="username" showPassword clearable>
      <template #prepend>染墨</template>
      <template #prefixIcon>
        <c-icon><AddCircle></AddCircle></c-icon>
      </template>
      <template #sufixIcon>
        <c-icon><AddCircle></AddCircle></c-icon>
      </template>
      <template #append>染墨</template>
    </c-input>
    <h3>{{ username }}</h3>
  </div>
</template>

<script setup lang="ts">
import Input from "@cp-ranmo/components/input";
import { AddCircle } from "@vicons/ionicons5";
import { ref } from "vue";

const username = ref("hello world");
</script>
